<template>
    <Spin fix class="loading-fix" color="red">
      <Icon type="ios-loading" size="42" class="demo-spin-icon-load"></Icon>
      <div class="loading-font">loading...</div>
    </Spin>
</template>
<script>
export default {
  name: "Loading"
};
</script>
<style>
.loading-font{
    font-size: 24px;
}
.ivu-spin-text{
    color: #b82525;
}
.ivu-spin-fix {
  background: none !important;
}
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style>
